<!--  -->
<template>
  <div class="content-box select-checked">
    <h2>先拉框添加全部选项</h2>
    <div class="container">
      <selectAllVue :options="options" @selected="selected" />
      <selectAll2Vue :options="options2" @selected="selected" />
    </div>
  </div>
</template>

<script>

import selectAllVue from '@/base-ui/el-sellect-all/select-all.vue';
import selectAll2Vue from '@/base-ui/el-sellect-all/select-all2.vue';

export default {
  name: 'record',
  components: {
    selectAllVue,
    selectAll2Vue
  },
  data() {
    return {
      options: [
        {
          value: '001',
          label: '黄金糕',
          check: true
        },
        {
          value: '002',
          label: '双皮奶',
          check: true
        },
        {
          value: '003',
          label: '蚵仔煎',
          check: true
        },
        {
          value: '004',
          label: '龙须面',
          check: true
        },
        {
          value: '005',
          label: '北京烤鸭',
          check: true
        }
      ],
      options2: [
        "a1",
        "a2",
        "a3",
        "a4",
        "a5",
        "a6",
        "a7",
      ]
    }
  },
  watch: {
  },
  computed: {},
  methods: {
    selected(value) {
      console.log(value);
    }
  },
  created() {
    console.log('created-record')
  },
  activated() {
    console.log('created-record')
  },
  mounted() { }
}
</script>



